<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>CSS</title>
    <link rel="stylesheet" href="common.css">
    <link rel="stylesheet" href="style.css">
    <style>
        /* 作用于全部的标签 */
        /* *{color: red} */
        /* .green{
            color: green;
            font-size: 30px
        } */
        /* 选择器一样的情况下，按照就近原则 */
        /* #blue{
            color: blue;
        } */

        /* 后代选择器/包含选择器 */
        /* .ul1 .green a{
            color: red;
        } */
        .ul2 li{
            color: green;
        }
    </style>
</head>
<body>
    <h2>通配符选择器</h2>
    <ul class="ul1">
        <li class="green">
            <a href="">行内样式</a>
        </li>
        <li id="blue" class="green">页内样式</li>
        <li class="green">外部样式</li>
    </ul>
    <ul class="ul2">
        <li>111</li>
        <li>222</li>
        <li>333</li>
    </ul>
</body>
</html>